<!DOCTYPE html>
<html style="overflow-x:hidden;overflow-y:auto;">

<head>
	<title>订单记录管理</title>

	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta http-equiv="Cache-Control" content="no-store">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9,IE=10">
	<link rel="stylesheet" href="https://preview.pro.ant.design/vendors.chunk.css" />
	<style>
			.antd-pro-pages-profile-basic-profile-title {
    color: rgba(0,0,0,.85);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}
		</style>

<body>			
		
			<div class="ant-card ant-card-wider-padding ant-card-padding-transition">
				<div>
					<div class="antd-pro-components-description-list-index-descriptionList antd-pro-components-description-list-index-large" style="margin-bottom: 32px;">
<div class="antd-pro-components-description-list-index-title">设备详情</div>
<div class="ant-row" style="margin-left: -16px; margin-right: -16px;">
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
		<div class="antd-pro-components-description-list-index-term">公司名称</div>
		<div class="antd-pro-components-description-list-index-detail">付小小</div>
	</div>
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
		<div class="antd-pro-components-description-list-index-term">设备SN</div>
		<div class="antd-pro-components-description-list-index-detail">18100000000</div>
	</div>
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
		<div class="antd-pro-components-description-list-index-term">设备使用单价</div>
		<div class="antd-pro-components-description-list-index-detail">菜鸟仓储</div>
	</div>
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
		<div class="antd-pro-components-description-list-index-term">设备开始使用时间</div>
		<div class="antd-pro-components-description-list-index-detail">浙江省杭州市西湖区万塘路18号</div>
	</div>
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
		<div class="antd-pro-components-description-list-index-term">设备结束使用时间</div>
		<div class="antd-pro-components-description-list-index-detail">无</div>
	</div>
	<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8" style="padding-left: 16px; padding-right: 16px;">
			<div class="antd-pro-components-description-list-index-term">设备消费金额</div>
			<div class="antd-pro-components-description-list-index-detail">无</div>
		</div>
	</div>
</div>
<div class="ant-divider ant-divider-horizontal" style="margin-bottom: 32px;"></div>
<div class="antd-pro-pages-profile-basic-profile-title">墨盒详情</div>
<div class="ant-table-wrapper" style="margin-bottom: 24px;">
<div class="ant-spin-nested-loading">
	<div class="ant-spin-container">
		<div class="ant-table ant-table-default ant-table-scroll-position-left">
			<div class="ant-table-content">
				<div class="ant-table-body">
					<table class="">
						<colgroup>
							<col>
							<col>
							<col>
							<col>
							<col>
							<col>
						</colgroup>
						<thead class="ant-table-thead">
							<tr>
								<th class="">
									<div>第 1 路[红]</div>
								</th>
								<th class="">
									<div>第 2 路[黄] </div>
								</th>
								<th class="">
									<div>第 3 路[蓝]</div>
								</th>
								<th class="ant-table-align-right" style="text-align: right;">
									<div>第 4 路[黑]</div>
								</th>
								<th class="ant-table-align-right" style="text-align: right;">
									<div>第 5 路[青] </div>
								</th>
								<th class="ant-table-align-right" style="text-align: right;">
									<div>第 6 路[青]</div>
								</th>
								<th class="ant-table-align-right" style="text-align: right;">
									<div>第 7 路[青]</div>
								</th>
								<th class="ant-table-align-right" style="text-align: right;">
									<div>第 8 路[青]</div>
								</th>
							</tr>
						</thead>
						<tbody class="ant-table-tbody">
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234561">
								<td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									单价: 10 元
								</td>
								<td class="">单价: 10 元</td>
								<td class="">单价: 10 元</td>
								<td class="" >单价: 10 元</td>
								<td class="">单价: 10 元</td>
								<td class="">单价: 10 元</td>
								<td class="">单价: 10 元</td>
								<td class="">单价: 10 元</td>
							</tr>
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234562">
								<td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									使用重量 : 183 g
								</td>
								<td class="">使用重量 : 183 g</td>
								<td class="">1使用重量 : 183 g</td>
								<td class="" >使用重量 : 183 g</td>
								<td class="">使用重量 : 183 g</td>
								<td class="" >使用重量 : 183 g</td>
								<td class="">使用重量 : 183 g</td>
								<td class="">使用重量 : 183 g</td>
							</tr>
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234563">
								<td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									消费金额 : 1.83 元
								</td>
								<td class="">消费金额 : 1.83 元</td>
								<td class="" >消费金额 : 1.83 元</td>
								<td class="">消费金额 : 1.83 元</td>
								<td class="" >消费金额 : 1.83 元</td>
								<td class="" >消费金额 : 1.83 元</td>
								<td class="" >消费金额 : 1.83 元</td>
								<td class="">消费金额 : 1.83 元</td>
							</tr>
						
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="总计">
								<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;">墨盒消费金额</span></td>
								
								<td class="" style="text-align: right;"><span style="font-weight: 600;">61.5</span></td>
							</tr>
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
			
		</div>
		
	</div>
	
</div>
<!--设备具体使用情况-->
<div style="position: relative;">
<button type="button" style=" top: 0px; position: absolute;right: 10px;" class="btn btn-primary"><span>主操作</span></button>
</div>

<div class="ant-divider ant-divider-horizontal" style="margin-bottom: 32px; margin-top: 82px;"></div>
<div class="antd-pro-pages-profile-basic-profile-title">设备具体使用情况</div>
<div class="ant-table-wrapper" style="margin-bottom: 24px;">
<div class="ant-spin-nested-loading">
	<div class="ant-spin-container">
		<div class="ant-table ant-table-default ant-table-scroll-position-left">
			<div class="ant-table-content">
				<div class="ant-table-body">
					<table class="">														
						<thead class="ant-table-thead">
							<tr>
								<th colspan="2">
									<div>时间</div>
								</th>
								<th class="">
									<div>状态 </div>
								</th>
								<th colspan="5" class="">
									<div>墨盒数据</div>
								</th>																
							</tr>
						</thead>
						<tbody class="ant-table-tbody">
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234561">
								<td class="" colspan="2"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									2018-11-15
								</td>
								<td  class="">单价: 10 元</td>
								<td colspan="5">单价: 10 元</td>
								
							</tr>
							<tr  class="ant-table-row ant-table-row-level-0" data-row-key="1234562">
								<td class="" colspan="2"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									单价: 10 元
								</td>
								<td  class="">单价: 10 元</td>
								<td colspan="5">单价: 10 元</td>
								
								
							</tr>
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234563">
								<td class="" colspan="2"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
									单价: 10 元
								</td>
								<td  class="">单价: 10 元</td>
								<td colspan="5">单价: 10 元</td>
								
								
							</tr>
							
							
							
							<tr class="ant-table-row ant-table-row-level-0" style="background: rgba(7,192,217,0.1);">
								<td class="">
									1路合计<p>250</p>
								</td>
								<td class="">
									1路合计<p>250</p>
								</td>
								<td class="">	1路合计<p>250</p></td>
								<td class="" >	1路合计<p>250</p></td>
								<td class="">
										1路合计<p>250</p>
								</td>
								<td class="">	1路合计<p>250</p></td>
								<td class="" >	1路合计<p>250</p></td>
								<td class="" >	1路合计<p>250</p></td>
							
							</tr>
						
							<tr class="ant-table-row ant-table-row-level-0" data-row-key="总计">
								<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;">合计</span></td>
								
								<td class="" style="text-align: right;"><span style="font-weight: 600;">61.5</span></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>
					</div>


		</body>

</html>